<template>
    <el-table :data="tableData" stripe class="per_table" style="width: 100%" height="400">
        <el-table-column type="index" width="50"></el-table-column>
        <el-table-column v-for="(item,index) in tableColumn" :key="index" :prop="item.prop" :label="item.label" ></el-table-column>
        <!-- <el-table-column prop="url" label="检查安全风险分级管控图" align="center">
            <template slot-scope="scope">
                <el-image style="width: 100px; height: 100px" :src="scope.row.url" :preview-src-list="[scope.row.url]">
                </el-image>
            </template>
        </el-table-column> -->
        <el-table-column label="操作" width="280">
            <template slot-scope="scope">
                <div>
                    <span type="text" class="el-icon-download" style="color:dodgerblue;" size="small"
                        @click="handleEdit(scope.row)">下载</span>
                    <span type="text" class="marginl-10 el-icon-zoom-in" style="color:dodgerblue;" size="small"
                        @click="handleSelect(scope.row)">详情</span>
                    <span type="text" class="marginl-10 el-icon-delete" style="color:red;" size="small"
                        @click="handleDelete(scope.row)">删除</span>
                </div>
            </template>
        </el-table-column>
    </el-table>
</template>
<script>
export default {
    props: {
        tableData: {
            type: Array,
            default: () => []
        },
        tableColumn: {
            type: Array,
            default: () => []
        }
    },
}
</script>
<style lang="less"></style>